﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="PopUpPanels.aspx.cs" Inherits="EwcControlTest.PopUpPanels" %>
<%@ Register Assembly="EnhancedWebControls" Namespace="EnhancedWebControls" TagPrefix="ewc" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .contentClass
        {
            float:left;
            clear:none;
            width:940px;
            border:solid 1px black;
            padding:9px;
            background-color:#EEEEFF;
            font-size:15px;
            font-family: Century Gothic;   
        }
        .contentClass a
        {
            color:#1111FF;
            font-size:15px;
            font-family: Century Gothic;
        }
        .contentClass a:hover
        {
            color:#6666FF;
        }
        .contentClass p
        {
            font-size:15px;
            font-family: Century Gothic;      
        }
        .ContentBackgroundCssClass
        {
            border:solid 1px black;
            width:440px;
            padding:4px 4px 20px 4px;
            background-color:White;
            font-size:15px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="HeaderSection">
        Pop Up Panels
    </div>
    <div class="MessageSection">
        Blah blah blah...
    </div>
    <asp:UpdatePanel ID="updatePanel1" runat="server">
        <ContentTemplate>
            <div id="mainContent1" class="contentClass"> 
            <ewc:PopUpPanel id="PopUpPanel1" runat="server" hidden="true" HorizontalRelativePosition="220px" ContentBackgroundCssClass="ContentBackgroundCssClass">
                <div style="width:440px;padding:0px 0px 0px 0px;text-align:right;">
                    <asp:LinkButton ID="LinkButton2" runat="server" onclick="HidePanel" style="color:#666666;text-decoration:none;">[x]</asp:LinkButton><br />
                </div>
                <div style="width:400px;padding:0px 20px 0px 20px;">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat nulla sed
                    dui facilisis non imperdiet felis viverra. Aliquam aliquet tellus felis. Nullam
                    rutrum massa in ante euismod sodales. Maecenas viverra libero non ipsum ultrices
                    nec pretium purus pharetra. Nullam suscipit nibh eu nunc sollicitudin eget dictum
                    nisl bibendum. Donec pretium odio sit amet mauris dignissim volutpat. Morbi ante
                    ante, molestie id facilisis nec, condimentum laoreet velit. Maecenas tempor sem
                    vel ante condimentum ut posuere nunc condimentum. Morbi libero ipsum, pulvinar et
                    imperdiet id, blandit nec libero.
                    </div>
            </ewc:PopUpPanel>
                 <asp:LinkButton ID="LinkButton1" runat="server" onclick="TogglePanel">Toggle Pop Up Panel</asp:LinkButton><br />
                 <a href="javascript:void(0)" onclick="document.getElementById('<%= PopUpPanel1.ClientID %>').style.display ='';">Client Show Pop Up Panel</a><br />
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras feugiat nulla sed
                    dui facilisis non imperdiet felis viverra. Aliquam aliquet tellus felis. Nullam
                    rutrum massa in ante euismod sodales. Maecenas viverra libero non ipsum ultrices
                    nec pretium purus pharetra. Nullam suscipit nibh eu nunc sollicitudin eget dictum
                    nisl bibendum. Donec pretium odio sit amet mauris dignissim volutpat. Morbi ante
                    ante, molestie id facilisis nec, condimentum laoreet velit. Maecenas tempor sem
                    vel ante condimentum ut posuere nunc condimentum. Morbi libero ipsum, pulvinar et
                    imperdiet id, blandit nec libero.
                </p>
                <p>
                    Duis nisi lorem, placerat non auctor a, porta at purus. Ut nec nisl sem, a vestibulum
                    orci. Nullam scelerisque sapien ut lectus tempus non gravida turpis aliquet. Morbi
                    pretium iaculis elit, a mattis est mattis ac. Morbi laoreet enim id enim dignissim
                    ultrices id et tortor. Aliquam posuere neque vel ipsum cursus in convallis quam
                    scelerisque. Quisque suscipit, orci at convallis mattis, velit est fermentum lectus,
                    nec condimentum ipsum dolor non enim. Maecenas diam metus, vestibulum ac interdum
                    eu, condimentum ut tortor. Nunc ut est sed nibh porttitor feugiat eu a est. 
                </p>
            </div>       
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>
